// 表示文档包含图片在内都已经加载好了
$(document).ready();
// 定义tr的行数
var index = 4;

$("#add").click(function (){
    // 父节点
    var farther = $("<tr></tr>");
    // 子节点
    var son  = $("<td><input type='checkbox' class='xiugai'></td><td></td><td></td><td></td><td></td><td></td><td></td>");
    // 添加同辈节点
    $("tr:last").after(farther);
    // 添加子节点
    $("tr:last").append(son);
    index++;
    if(index%2!=0){
        $("tr:last").attr("class","info")  
    }else{
        $("tr:last").attr("class","warning")
    }
    
});


// 删除节点
$("#del").click(function(){
    // 除去第一行开始遍历
    $("tr").slice(1).each(function(){
       // 通过循坏拿到对象
       var object = this;
       // console.log(object);
       // 拿到每一行tr的第一个td，如:<td><input type="checkbox" class="xiugai"></td>
       var td = $(this).children()[0];
       // 拿到每一个td数组里边的第一个孩子元素,如:<input type="checkbox" class="xiugai">
       var value = $(td).children()[0];
       if(value.checked){
            $(object).remove();
       }
    })
});

//编辑节点
$("#update").click(function(){
    //  除去第一行开始遍历
    $("tr").slice(1).each(function(){
        // 通过循坏拿到对象
        var object = this;
        // 拿到每一行tr的第一个td，如:<td><input type="checkbox"></td>
        var td = $(this).children()[0];
        // 拿到每一个td数组里边的第一个孩子元素,如:<input type="checkbox">
        var value = $(td).children()[0];
        if(value.checked){
            $(object).children().slice(1).attr("contenteditable","true");
        }else{
            $(object).children().slice(1).attr("contenteditable","false");
        }
    })
});

$(".xiugai").click(function(){
    // var object = this;
    // console.log(object);
    // var td = $("object").prev();
    // console.log(td);
    // if(!object.checked){
    //     alert("本币")  
    // } 
    xiugai();
});

function xiugai(){
     //  除去第一行开始遍历
     $("tr").slice(1).each(function(){
        // 通过循坏拿到对象
        var object = this;
        // 拿到每一行tr的第一个td，如:<td><input type="checkbox"></td>
        var td = $(this).children()[0];
        // 拿到每一个td数组里边的第一个孩子元素,如:<input type="checkbox">
        var value = $(td).children()[0];
        if(!value.checked){
            $(object).children().slice(1).attr("contenteditable","false");
        }
    });
};

// 查询方法
$("#find").click(function(){
    // 进入方法，让所有的tr先显示
    $("tr").show;   
    // 拿到输入框的工号
    var id = $("#id").val();
    // 拿到输入框的名字
    var name = $("#name").val();
    // 遍历每一行tr拿到工号和名字
    $("tr").slice(1).each(function(){
        // 拿到表格里所有id的值
        var needId = $($(this).children()[1]).text();
        // 拿到表格里所有名字的值
        var needName = $($(this).children()[2]).text();
        // console.log(needId);
        if(id == needId || name == needName){
            //展示
            $(this).show();
        }else{
            //隐藏
            $(this).hide();
        
        }
         if(id == "" && name == ""){
             $("tr").show();   
        }
    })

});

